<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ include file="/WEB-INF/views/include/taglib.jsp"%>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>系统首页</title>
<link rel="Stylesheet" href="${ctxStatic}/bootstrap/2.3.1/css_cerulean/bootstrap.min.css" />
<link rel="stylesheet" href="${ctxStatic}/css/z-style.css">
<script type="text/javascript" src="${ctxStatic}/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/bootstrap/2.3.1/js/bootstrap.min.js"></script>
</head>
<body>
 	<!-- 子页面外壳 -->
	<div id="page-wrap" class="clearfix">
		<!-- 通知公告 -->
		<div id="message">
			<div class="left icon icon-message"></div>
			<a class="left txt" href="#">
					通知公告：根据财税（2015）5号《关于企业改制重组有关土地增值税政策的通知》，单位、个人在改制重组时关土地增值税政策的通知》，单位、个人在改制重组时
				</a>
			<a class="right more" href="#">查看更多</a>
		</div>
		
		<!-- 统计数据模块-->
		<div class="stat" id="total">
			<div class="stat-top">
				<ul class="clearfix">
					<li>
						<h3>68</h3>
						<p>系统账套</p>
						<i class="sup">+1</i>
					</li>
					<li>
						<h3>68</h3>
						<p>系统角色</p>
						<i class="sup">+1</i>
					</li>
					<li>
						<h3>68</h3>
						<p>分公司管理员</p>
						<i class="sup">+1</i>
					</li>
					<li>
						<h3>68</h3>
						<p>系统用户</p>
						<i class="sup">+1</i>
					</li>
					<li>
						<h3>68</h3>
						<p>业务申请</p>
						<i class="sup imp">+1</i>
					</li>
				</ul>
			</div>
			<div class="stat-bottom">
				<ul class="clearfix">
					<li><p>业主/房产数据更新：<em>111</em>条</p></li>
					<li><p>商铺/房产数据更新：<em>111</em>条</p></li>
					<li><p>停车场数据更新：<em>111</em>条</p></li>
				</ul>
			</div>
		</div>
		<!-- 统计数据模块-->
		<div class="stat-box clearfix">
			<div class="stat" id="hkl">
				<div class="head">
					<div class="title">2016年8月物业收费回款率</div>
					<div class="time">更新时间：<em class="day">2016-9-7</em><em class="hour">20:00</em></div>
				</div>
				<div class="content">
					
				</div>
			</div>
			<div class="stat" id="sfbb">
				<div class="head">
					<div class="title">2016-9-7 物业收费项目日收费报表</div>
					<div class="time">更新时间：<em class="day">2016-9-7</em><em class="hour">20:00</em></div>
				</div>
				<div class="content">
					<ul class="clearfix">
						<li>
							<h5>管理费</h5>
							<h3><em>11.4</em>万</h3>
							<p>住宅管理费：<em>1</em>万</p>
							<p>商铺管理费：<em>1</em>万</p>
							<p>车位管理费：<em>1</em>万</p>
						</li>
						<li>
							<h5>经营费</h5>
							<h3><em>11.4</em>万</h3>
							<p>公共资源经营费：<em>1</em>万</p>
							<p>有偿服务经营费：<em>1</em>万</p>
						</li>
						<li>
							<h5>代收费</h5>
							<h3><em>11.4</em>万</h3>
							<p>代收水费：<em>1</em>万</p>
							<p>代收电费：<em>1</em>万</p>
							<p>其他代收费：<em>1</em>万</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 统计数据模块-->
		<div class="stat" id="qftjb">
			<div class="head">
				<div class="title">2016-9-7 物业收费项目日累计欠费统计表</div>
				<div class="time">更新时间：<em class="day">2016-9-7</em><em class="hour">20:00</em></div>
			</div>
			<div class="content">
				
			</div>
		</div>
	</div>
	
	<script>
		$(document).ready(function(){
			//设置并排两个报表的宽度
			function statWidth(){
				var oWidth = $(".stat-box").width();
				$(".stat-box").children(".stat").width(oWidth/2-10+"px");
			};
			statWidth();
			$(window).resize(function(){
				statWidth();
			});
		});
	</script>
</body>
</html>